<template>
	<div>
		<div>Hello</div>
		<!-- <div class="list">
			<ListItem v-for="(item,index) in list" :key="index"
			:title="item.title"
			:author="item.author"
			:desc="item.desc"
			:count="item.count"></ListItem> -->
			<div class="list">
				<ListItem v-for="(item,index) in list" :key="index"
				:info="item"></ListItem>
		</div>
	</div>
</template>

<script>
	import ListItem from './components/ListItem'
	
	export default {
		name:'App',
		data(){
			return {
				list:[
					{title:'标题1',author:'作者1',desc:'描述1',count:12},
					{title:'标题2',author:null,desc:'描述2'},
					{title:'标题3',desc:'描述3',count:12}
				]
			}
		},
		components:{
			ListItem
		}
		
	}
</script>

<style>
</style>